<script>
$(document).ready(function() {
    if($('#veg_map')) {
        $('#veg_map area').each(function() {
            var id = $(this).attr('id');
            $(this).mouseover(function() {
                $('#overlay'+id).show();

            });

            $(this).mouseout(function() {
                var id = $(this).attr('id');
                $('#overlay'+id).hide();
            });

        });
    }
});
</script>
<?php
	$tblAdv = new Zendvn_Model_Table_Adv();
			$items = $tblAdv->listItem($this->_arrParam);
			
		
?>
<div class="advertising">
            	<div class="adv_long1">
                	<img id="vegImage" src="<?php echo FILE_URL.'/adv' ?>/banner4.jpg" usemap="#veg_map" alt="advertisement" title="advertisement" />
                </div>
               
            </div>
	
	<map id="veg_map" name="veg_map">
	<?php if(count($this->Items)){ 
							foreach($items as $key=>$val){
								$coor = trim(implode(",",json_decode($val["params"],true)));
//								echo '<area class="t1" alt="Thời trang hiệu" shape="rect" name="'.$key.'" coords="'.$coor.'" href="'.$val['link'].'" />';
								echo '<area class="t1" alt="Thời trang hiệu" shape="rect" coords="'.$coor.'" href="'.$val['link'].'" target="_blank" />';
							}}?>
					
						
			</map>